<template>
  <div class="com2">
    <h1>我是兄弟组件2 - {{num}}</h1>
  </div>
</template>

<script setup>
import mitt from '../utils/eventBus'
import { onMounted,ref } from 'vue'

//var num = 0;
var num = ref(0);

onMounted(()=>{
    //提前通过on方法监听事件
    mitt.on('transfer',(item)=>{
        console.log('接收到了com1传来的值',item);
        //num = item;// 对于从其他地方传来的值,如果需要先保存到当前组件的组件状态中, 对于ref类型的数据, 一定要通过.value来操作它的值( 不能直接对整个ref类型的数据赋值 ).
        num.value = item;
        console.log(num);
    })    
})

</script>

<style>

</style>